<html>

<script type="text/javascript">
    function expand(something)
        {
			if(document.getElementById(something.id+'_sub').style.display != 'none')
				document.getElementById(something.id+'_sub').style.display = 'none';
			else
				document.getElementById(something.id+'_sub').style.display = 'list-item';
        }
</script>

<body>

<ul>
<li>__level1</li>
<li>__level1</li>
<li> <span onclick="expand(this);" id="level2">__level2</span></li>
<li id="level2_sub"><ul>
<li>____level2</li>
<li>____level3</li>
<li><ul>
<li>______level3</li>
<li>______level3</li>
<li>______level3</li>
</ul></li>
<li>____level2</li>
</ul></li>
<li>__level1</li>
<li>__level1</li>
</ul>
</body>
</html>